<template>
	<view class="bagbox">
		<view class="h">
			<text>订单号：xxxxxxxxxxxx</text>
		</view>
		<view class="price">
			￥{{spice}}
		</view>
		<view class="bottom">
			<view class="">
				请选择支付方式
			</view>
			<view class="">
				<checkbox-group name="">
					<view class="z">
						<text>支付宝支付</text>
						<checkbox @click="zf" :checked='z'></checkbox>
					</view>
					<view class="w">
						<text>微信支付</text>
						<checkbox @click="vf" :checked='v' ></checkbox>
					</view>
				</checkbox-group>
			</view>
		</view>
		<button>确认支付</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
spice:[],
z:false,
v:false
			}
		},
		onShow() {
			this.spice=uni.getStorageSync('orderInfo').countmoney
		},
		methods: {
zf(){
	this.z=!this.z
	if(this.z){
		this.v=false
	}
},
vf(){
	this.v=!this.v
	if(this.v){
		this.z=false
	}
}
		}
	}
</script>

<style>
	button{
		border-radius: 20rpx;
		background: cornflowerblue;
		color: white;
		position: fixed;
		width: 700rpx;
		left: 30rpx;
		bottom: 30rpx;
	}
	.bagbox{
		margin-top: 40rpx;
	}
	.h,.price{
	
		text-align: center;
	}
.h{
	color: #ccc;
}
.price{
	font-size: 60rpx;
}
.bottom{
	margin-top: 100rpx;
width: 700rpx;
margin-left: 20rpx;
}
.bottom view{
	margin-top: 30rpx;
}
.z checkbox,
.w checkbox{
	float: right;
margin-bottom: 10rpx;
}
</style>
